<template>
  <div ref="currentDomRef">
    <slot />
  </div>
</template>

<script lang="ts" setup>
import { onMounted, onBeforeUnmount, ref } from 'vue'

const currentDomRef = ref()

onMounted(function () {
  document.body.appendChild(currentDomRef.value)
})
onBeforeUnmount(function () {
  currentDomRef.value.remove()
})
</script>

<style lang="scss" scoped>
</style>
